"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = GridExample;

var _react = _interopRequireDefault(require("react"));

var _components = require("@tarojs/components");

var _index = _interopRequireDefault(require("../../index"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function GridExample() {
  var data = [{
    icon: '//imgcache.qq.com/open_proj/proj_qcloud_v2/tc-x/tea-ui/assets/image-s.svg',
    title: '标题文字',
    description: '描述文字'
  }, {
    icon: '//imgcache.qq.com/open_proj/proj_qcloud_v2/tc-x/tea-ui/assets/image-s.svg',
    title: '标题文字',
    description: '描述文字'
  }, {
    icon: {
      name: 'success',
      color: 'pink'
    },
    title: '标题文字',
    description: '描述文字'
  }];
  return /*#__PURE__*/_react.default.createElement(_components.View, {
    className: "page"
  }, /*#__PURE__*/_react.default.createElement(_components.Text, {
    className: "header"
  }, "Grid \u5BAB\u683C"), /*#__PURE__*/_react.default.createElement(_components.Text, {
    className: "header"
  }, "\u57FA\u672C\u7528\u6CD5"), /*#__PURE__*/_react.default.createElement(_index.default, {
    data: data,
    onClick: console.log
  }), /*#__PURE__*/_react.default.createElement(_components.Text, {
    className: "header"
  }, "\u6307\u5B9A\u6BCF\u5217\u5BAB\u683C\u5143\u7D20\u6570\u91CF"), /*#__PURE__*/_react.default.createElement(_index.default, {
    data: [].concat(data, [{
      icon: {
        name: 'success',
        color: '#ff9c19'
      },
      title: '标题文字',
      description: '描述文字'
    }]),
    columnNum: 4,
    onClick: console.log
  }), /*#__PURE__*/_react.default.createElement(_components.Text, {
    className: "header"
  }, "\u6B63\u65B9\u5F62\u5BAB\u683C"), /*#__PURE__*/_react.default.createElement(_index.default, {
    data: data,
    square: true,
    onClick: console.log
  }), /*#__PURE__*/_react.default.createElement(_components.Text, {
    className: "header"
  }, "\u6307\u5B9A\u5BAB\u683C\u5143\u7D20\u95F4\u8DDD"), /*#__PURE__*/_react.default.createElement(_index.default, {
    data: data,
    gutter: 10,
    onClick: console.log
  }), /*#__PURE__*/_react.default.createElement(_components.Text, {
    className: "header"
  }, "\u4E0D\u663E\u793A\u8FB9\u6846"), /*#__PURE__*/_react.default.createElement(_index.default, {
    data: data,
    bordered: false,
    onClick: console.log
  }));
}